<template>
  <div>
    <h1>订单</h1>
    <van-contact-card type="edit" @click="onEdit" />
    <h5>商品列表</h5>
    <van-card
      num="2"
      price="2.00"
      desc="描述信息"
      title="商品标题"
      thumb="https://img.yzcdn.cn/vant/ipad.jpeg"
    />
    <p class="method">配送方式<span>快递</span></p>
    
    <p class="name">备注
        <input type="text" placeholder="如需备注请输入">
    </p>
    <p class="goodsPrice">商品金额<span>￥</span></p>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {
    onEdit() {},
  },
};
</script>
<style lang="scss" scoped>
h5{
    text-align: left;
}
.method{
    text-align: left;
    height: 7vw;
    line-height: 7vw;
    padding: 0 2vw;
    span{
        float: right;
    }
    border-bottom: 1px solid grey;
}
.goodsPrice{
    text-align: left;
    height: 7vw;
    line-height: 7vw;
    padding: 0 2vw;
    span{
        float: right;
    }
    border-bottom: 1px solid grey;
}
.name{
    text-align: left;
    input{
        border: none;
    }
}
</style>